<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>淘宝网 - 淘! 我喜欢</title>
    <link rel="stylesheet" href="../src/css/login.css">
    <script src="http://at.alicdn.com/t/font_3164388_q2b1bwyutks.js"></script>
    <script src="./js/jquery.js"></script>
    <!-- 选项卡 -->
    <script>
        $(function(){
        $('.login-main>ul>a').on('click',function(){
        $(this).addClass('active').siblings().removeClass('active');
        let index=$('.login-main>ul>a').index(this);
        $('.login-main>div').eq(index).addClass('display').siblings().removeClass('display');
        });
       
        });
    </script>
    <!-- 登录判断 -->
<script>
    
  </script>
    <style type="text/css">
        .icon {
           width: 1em; height: 1em;
           vertical-align: -0.15em;
           fill: currentColor;
           overflow: hidden;
        }
    </style>
</head>
<body>
    <!-- 头部 -->
    <div id="header">
        <div class="wrapper">
            <div class="read">
                <div class="left">
                <a href="../src/index.html">
                    <img src="./img/TB176rg4VP7gK0jSZFjXXc5aXXa-286-118.png" alt="">
                </a>
                </div>
            <div class="right">
                <a href="">网站无障碍</a>
                <a href=""><svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-xiaoxi" style="color: #FF4400;"></use>
                </svg>"登录页面"改进建议</a>
            </div>
            </div>
        </div>
    </div>
    <!-- 主体 -->
    <div id="main">
    <div class="wrapper">
    <div class="login-nav">
        <div class="login-main">
        <ul class="login-text">
            <a class="active" href="JavaScript:;">密码登录</a>
            <a href="JavaScript:;">短息登录</a>
        </ul>

        <div class="display">
            <div class="login-form-1">
            <div class="icon-img">
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-yonghu"></use>
                </svg>
            </div>
            <div class="input">
                <input type="text" placeholder="会员名/邮箱/手机号" name="username" id="username">
            </div>
            </div>
            <div class="login-form-2">
            <div class="icon-img">
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-jiesuo"></use>
                </svg>
            </div>
            <div class="input">
            <input type="password"  name="password" id="password" placeholder="请输入登录密码">
            </div>
            </div>
            <div class="login-form-3">
                <button type="submit" class="btn-success">登录</button>
            </div>
            <div class="login-form-4">
            <a href="">
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-weibo"></use>
                </svg>
            微博登录
            </a>
            <a href="">
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-zhifupingtai-zhifubao"></use>
                </svg>
            支付宝登录
            </a>
            </div>
            <div class="login-form-5">
            <a href="">忘记密码</a>
            <a href="">忘记用户名</a>
            <a href="../src/reg.html" target="blank">免费注册</a>
            </div>
            </div>
            <div>
                <div class="login-form-2-1">
                <div class="icon-img">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yonghu"></use>
                    </svg>
                </div>
                <div class="phone-select-wrap" data-content="+86">
                    <select name="nativePhoneCodeSelector" id="" class="phone-code-select">
                        <option value="{&quot;areaName&quot;:&quot;中国大陆&quot;,&quot;checkKey&quot;:&quot;^(86){0,1}1\\d{10}$&quot;,&quot;countryCode&quot;:&quot;CN&quot;,&quot;phoneCode&quot;:&quot;86&quot;}">+86 中国大陆</option>
                        <option value="{&quot;areaName&quot;:&quot;中国香港&quot;,&quot;checkKey&quot;:&quot;^(00){0,1}(852){1}0{0,1}[1,5,6,9,4](?:\\d{7}|\\d{8}|\\d{12})$&quot;,&quot;countryCode&quot;:&quot;HK&quot;,&quot;phoneCode&quot;:&quot;852&quot;}">+852 中国香港</option>
                    </select>
                </div>
                <div class="input">
                    <input type="text" placeholder="请输入手机号">
                </div>
                </div>
                <div class="login-form-2-2">
                <div class="icon-img">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiesuo"></use>
                    </svg>
                </div>
                <div class="input">
                <input type="text" placeholder="请输入验证码">
                </div>
                <div class="btn"><a href="">获取验证码</a></div>
                </div>
                <div class="login-form-2-3">
                    <button type="submit">登录</button>
                </div>
                <div class="login-form-2-4">
                <a href="">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-weibo"></use>
                    </svg>
                微博登录
                </a>
                <a href="">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhifupingtai-zhifubao"></use>
                    </svg>
                支付宝登录
                </a>
                </div>
                <div class="login-form-2-5">
                <a href="../src/reg.html" target="blank">免费注册</a>
                </div>
                </div>
        
       </div>
        </div>
        <div class="ScanCode">
            <div class="text">
                扫码安全登录
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-yousanjiaoxing"></use>
                </svg>
            </div>
            <div class="code">
                <a href="">
                    <img src="./img/图层 1 画框.png" alt="">
                </a>
            </div>
            </div>
    </div>
    </div>
    </div>
    <!-- 底部 -->
    <div id="footer">
        <div class="wrapper">
            <div class="first">
                <p>
                    <span><a href="">阿里巴巴集团</a></span>
                    <b>|</b>
                    <span><a href="">阿里巴巴国际站</a></span>
                    <b>|</b>
                    <span><a href="">阿里巴巴中国站</a></span>
                    <b>|</b>
                    <span><a href="">全球速卖通</a></span>
                    <b>|</b>
                    <span><a href="">淘宝网</a></span>
                    <b>|</b>
                    <span><a href="">天猫</a></span>
                    <b>|</b>
                    <span><a href="">聚划算</a></span>
                    <b>|</b>
                    <span><a href="">一淘</a></span>
                    <b>|</b>
                    <span><a href="">阿里妈妈</a></span>
                    <b>|</b>
                    <span><a href="">飞猪</a></span>
                    <b>|</b>
                    <span><a href="">虾米</a></span>
                    <b>|</b>
                    <span><a href="">阿里云计算</a></span>
                    <b>|</b>
                    <span><a href="">云OS</a></span>
                    <b>|</b>
                    <span><a href="">万网</a></span>
                    <b>|</b>
                    <span><a href="">支付宝</a></span>
                    <b>|</b>
                    <span><a href="">来往</a></span>
                </p>
            </div>
            <div class="second">
                <p>
                    <span><a href="">关于淘宝</a></span>
                    <span><a href="">营销中心</a></span>
                    <span><a href="">廉正举报</a></span>
                    <span><a href="">联系客服</a></span>
                    <span><a href="">开放平台</a></span>
                    <span><a href="">诚征英才</a></span>
                    <span><a href="">联系我们</a></span>
                    <span><a href="">隐私权政策</a></span>
                    <span><a href="">法律声明</a></span>
                    <span><a href="">知识产权</a></span>
                    <span><a href="">不当竞争举报</a></span>
                    <span><a href="">规则意见征集</a></span>
                    <b>|</b>
                    <em>© 2003-现在 Taobao.com 版权所有</em>
                </p>
                <p>
                    <span><a href="">增值电信业务经营许可证:浙B2-20080224</a></span>
                    <b>|</b>
                    <span><a href="">增值电信业务经营许可证（跨地区）: B2-20150210</a></span>
                    <b>|</b>
                    <span><a href="">浙网文（2019）1033-086号</a></span>
                    <b>|</b>
                    <span class="sp1">浙江省网络食品销售第三方平台提供者备案:浙网食A33010001</span>
                    <b>|</b>
                    <br>
                </p>
                <p>
                    <span>互联网药品信息服务资格证书（浙）-经营性-2018-0010</span>
                    <b>|</b>
                    <span>短消息类服务接入代码使用证书:号【2016】00154-A01</span>
                    <b>|</b>
                    <span>信息网络传播视听许可证:1109364号</span>
                    <b>|</b>
                    <span>出版物网络交易平台服务经营备案号:新出发浙备字第002号</span>
                    <b>|</b>
                </p>
                <p>
                    <span><a href="">&nbsp;&nbsp;&nbsp;浙公网安备 33010002000078号</a></span>
                    <b>|</b>
                    <span><a href="">浙B2-20080224-1</a></span>
                    <b>|</b>
                    <span>广播电视节目制作经营许可证（浙）字第01012号</span>
                    <b>|</b>
                    <span>市场名称登记证:工商网市字3301004120号</span>
                    <b>|</b>
                    <br>
                    <span>医疗器械网络交易服务第三方平台备案:（浙）网械平台备字[2018]第00004号</span>
                    <b>|</b>
                    <br>
                </p>
            </div>
            <div class="third">
                <div class="one">
                    <span>
                        <a href=""></a>
                    </span>
                    <span>
                        <a href=""></a>
                    </span>
                    <span>
                        <a href=""></a>
                    </span>
                    <span>
                        <a href=""></a>
                    </span><span>
                        <a href=""></a>
                    </span><span>
                        <a href=""></a>
                    </span>
                    <span>
                        <a href=""></a>
                    </span>
                    <span>
                        <a href=""></a>
                    </span>
                </div>

            </div>
        </div>
    </div>
</body>
</html>